<template>

  <view>
    <view>
      <u-navbar @click="backIndex" back-icon-color="#fff" title-color="#fff" title="模拟考试 " :background="background">
        <view class="u-nav-slot" slot="right" @click="addPapers">
          <u-icon name="plus" size="50" color="#fff"></u-icon>

        </view>
      </u-navbar>

      <view class="content">
        <!-- 正文内容 -->
        <view class="health-shadow tn-margin tn-color-black tn-bg-white"
          style="position: relative;z-index: 1;padding: 20rpx 6rpx;">
          <view class="u-header">
            <view class="u-header-body">
              <view class="u-header-text">变电站安全操作规程考核</view>
            </view>

          </view>
          <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
          <view class="u-today">
            <view class="u-today-card">
              <view class="u-today-card-title">
                关于特种作业（继电保护）培训结果得考试，主要考察培训效果，操作人员技能掌
                握情况等
              </view>
              <view class="u-today-card-time">
                <view class="">
                  <u-icon name="clock" color="#7BA6ED" size="25" style="margin-right: 10rpx;"></u-icon> 60分钟
                </view>
                <view class="u-today-icon">
                  <u-button shape="square" size="mini" type="success">已考</u-button>
                </view>
              </view>
            </view>
          </view>
        </view>

        <view class="health-shadow tn-margin tn-color-black tn-bg-white"
          style="position: relative;z-index: 1;padding: 20rpx 6rpx;">
          <view class="u-header">
            <view class="u-header-body">
              <view class="u-header-text">特种作业（继电保护）安全技术培训考核</view>
            </view>

          </view>
          <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
          <view class="u-today">
            <view class="u-today-card">
              <view class="u-today-card-title">
                关于特种作业（继电保护）培训结果得考试，主要考察培训效果，操作人员技能掌
                握情况等
              </view>
              <view class="u-today-card-time">
                <view class="">
                  <u-icon name="clock" color="#7BA6ED" size="25" style="margin-right: 10rpx;"></u-icon> 60分钟
                </view>
                <view class="u-today-icon">
                  <u-button @click="answerHandle('exam')" shape="square" size="mini" type="error">进入考试</u-button>
                </view>
              </view>
            </view>
          </view>
        </view>
        <view class="health-shadow tn-margin tn-color-black tn-bg-white"
          style="position: relative;z-index: 1;padding: 20rpx 6rpx;">
          <view class="u-header">
            <view class="u-header-body">
              <view class="u-header-text">变电站安全操作规程考核</view>
            </view>

          </view>
          <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
          <view class="u-today">
            <view class="u-today-card">
              <view class="u-today-card-title">
                关于特种作业（继电保护）培训结果得考试，主要考察培训效果，操作人员技能掌
                握情况等
              </view>
              <view class="u-today-card-time">
                <view class="">
                  <u-icon name="clock" color="#7BA6ED" size="25" style="margin-right: 10rpx;"></u-icon> 60分钟
                </view>
                <view class="u-today-icon">
                  <u-button shape="square" size="mini" type="success">已考</u-button>
                </view>
              </view>
            </view>
          </view>
        </view>
        <view class="health-shadow tn-margin tn-color-black tn-bg-white"
          style="position: relative;z-index: 1;padding: 20rpx 6rpx;" @click="answerHandle('exam')">
          <view class="u-header">
            <view class="u-header-body">
              <view class="u-header-text">变电站安全操作规程考核</view>
            </view>

          </view>
          <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
          <view class="u-today">
            <view class="u-today-card">
              <view class="u-today-card-title">
                关于特种作业（继电保护）培训结果得考试，主要考察培训效果，操作人员技能掌
                握情况等
              </view>
              <view class="u-today-card-time">
                <view class="">
                  <u-icon name="clock" color="#7BA6ED" size="25" style="margin-right: 10rpx;"></u-icon> 60分钟
                </view>
                <view class="u-today-icon">
                  <u-button shape="square" size="mini" type="success">已考</u-button>
                </view>
              </view>
            </view>
          </view>
        </view>
        <view class="health-shadow tn-margin tn-color-black tn-bg-white"
          style="position: relative;z-index: 1;padding: 20rpx 6rpx;" @click="answerHandle('exam')">
          <view class="u-header">
            <view class="u-header-body">
              <view class="u-header-text">变电站安全操作规程考核</view>
            </view>

          </view>
          <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
          <view class="u-today">
            <view class="u-today-card">
              <view class="u-today-card-title">
                关于特种作业（继电保护）培训结果得考试，主要考察培训效果，操作人员技能掌
                握情况等
              </view>
              <view class="u-today-card-time">
                <view class="">
                  <u-icon name="clock" color="#7BA6ED" size="25" style="margin-right: 10rpx;"></u-icon> 60分钟
                </view>
                <view class="u-today-icon">
                  <u-button shape="square" size="mini" type="success">已考</u-button>
                </view>
              </view>
            </view>
          </view>
        </view>
        <view class="health-shadow tn-margin tn-color-black tn-bg-white"
          style="position: relative;z-index: 1;padding: 20rpx 6rpx;" @click="answerHandle('exam')">
          <view class="u-header">
            <view class="u-header-body">
              <view class="u-header-text">变电站安全操作规程考核</view>
            </view>

          </view>
          <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
          <view class="u-today">
            <view class="u-today-card">
              <view class="u-today-card-title">
                关于特种作业（继电保护）培训结果得考试，主要考察培训效果，操作人员技能掌
                握情况等
              </view>
              <view class="u-today-card-time">
                <view class="">
                  <u-icon name="clock" color="#7BA6ED" size="25" style="margin-right: 10rpx;"></u-icon> 60分钟
                </view>
                <view class="u-today-icon">
                  <u-button shape="square" size="mini" type="success">已考</u-button>
                </view>
              </view>
            </view>
          </view>
        </view>
        <view class="health-shadow tn-margin tn-color-black tn-bg-white"
          style="position: relative;z-index: 1;padding: 20rpx 6rpx;" @click="answerHandle('exam')">
          <view class="u-header">
            <view class="u-header-body">
              <view class="u-header-text">变电站安全操作规程考核</view>
            </view>

          </view>
          <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
          <view class="u-today">
            <view class="u-today-card">
              <view class="u-today-card-title">
                关于特种作业（继电保护）培训结果得考试，主要考察培训效果，操作人员技能掌
                握情况等
              </view>
              <view class="u-today-card-time">
                <view class="">
                  <u-icon name="clock" color="#7BA6ED" size="25" style="margin-right: 10rpx;"></u-icon> 60分钟
                </view>
                <view class="u-today-icon">
                  <u-button shape="square" size="mini" type="success">已考</u-button>
                </view>
              </view>
            </view>
          </view>
        </view>
        <view class="health-shadow tn-margin tn-color-black tn-bg-white"
          style="position: relative;z-index: 1;padding: 20rpx 6rpx;" @click="answerHandle('exam')">
          <view class="u-header">
            <view class="u-header-body">
              <view class="u-header-text">变电站安全操作规程考核</view>
            </view>

          </view>
          <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
          <view class="u-today">
            <view class="u-today-card">
              <view class="u-today-card-title">
                关于特种作业（继电保护）培训结果得考试，主要考察培训效果，操作人员技能掌
                握情况等
              </view>
              <view class="u-today-card-time">
                <view class="">
                  <u-icon name="clock" color="#7BA6ED" size="25" style="margin-right: 10rpx;"></u-icon> 60分钟
                </view>
                <view class="u-today-icon">
                  <u-button shape="square" size="mini" type="success">已考</u-button>
                </view>
              </view>
            </view>
          </view>
        </view>
        <view class="health-shadow tn-margin tn-color-black tn-bg-white"
          style="position: relative;z-index: 1;padding: 20rpx 6rpx;" @click="answerHandle('exam')">
          <view class="u-header">
            <view class="u-header-body">
              <view class="u-header-text">变电站安全操作规程考核</view>
            </view>

          </view>
          <u-line margin="20rpx 0" color="#A0CFFF" border-style="dashed"></u-line>
          <view class="u-today">
            <view class="u-today-card">
              <view class="u-today-card-title">
                关于特种作业（继电保护）培训结果得考试，主要考察培训效果，操作人员技能掌
                握情况等
              </view>
              <view class="u-today-card-time">
                <view class="">
                  <u-icon name="clock" color="#7BA6ED" size="25" style="margin-right: 10rpx;"></u-icon> 60分钟
                </view>
                <view class="u-today-icon">
                  <u-button shape="square" size="mini" type="success">已考</u-button>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        background: {
          backgroundImage: 'linear-gradient(45deg, rgb(28, 187, 180), rgb(141, 198, 63))'
        },
        curLib: 'mh_secur_4',
        libs: ['mh_secur_4', 'mh_secur_5']
      };
    },
    methods: {
      backIndex() {
           uni.navigateback();
         },
      addPapers() {
        uni.navigateTo({
          url: './addPapers/appPapers/appPapers'
        })




      },
      /**
       * ajax请求 此处仅简化代码 不做封装 封装方式请移步以下链接
       * @tutorial https://ext.dcloud.net.cn/plugin?id=16529
       */
      getExamList(params = {}) {
        return new Promise((resolve, reject) => {
          uni.request({
            url: 'https://fc-mp-80740b3d-3f1f-452a-9661-5ab000526a80.next.bspapp.com/api/application/examList',
            data: params,
            method: 'POST',
            success: (res) => {
              res = {
  "data": [
    {
      "_id": "9ea42e7b-1980-11ef-98a0-0242ac110009",
      "from_lib": "mh_secur_4",
      "exam_id": "mh_secur_4_0",
      "exam_index": 1,
      "exam_type": 1,
      "exam_title": "<div>人工智能两库一平台包括（ ）、人工智能平台。</div>",
      "exam_option": [
        {
          "key": "A",
          "value": "<div>开发库、训练库</div>"
        },
        {
          "key": "B",
          "value": "<div>样本库、模型库</div>"
        },
        {
          "key": "C",
          "value": "<div>模型库、训练库</div>"
        },
        {
          "key": "D",
          "value": "<div>样本库、开发库</div>"
        }
      ],
      "exam_answer": [],
      "correct_answer": [
        "B"
      ],
      "analysis": "<div>人工智能两库一台包括样本库、模型库、人工智能平台</div>",
      "comment": "mh_secur_备注",
      "aiAnalysis": "根据《国家电网有限公司人工智能平台建设及应用顶层设计》（征求意见稿），人工智能建设总体架构由平台层、应用层、服务层、保障体系组成、其中，平台层包括模型库、样本库、人工智能平台及底层硬件算力支撑。",
      "summary": "两库一台建平台，模型样本加AI。",
      "associatedWords": []
    },
    {
      "_id": "9ea42e7b-1980-11ef-98a0-0242ac110009",
      "from_lib": "mh_secur_4",
      "exam_id": "mh_secur_4_0",
      "exam_index": 1,
      "exam_type": 2,
      "exam_title": "<div>GIS2.0平台可视化能力增加了（   ）等功能</div>",
      "exam_option": [
        {
          "key": "A",
          "value": "<div>水面倒影</div>"
        },
        {
          "key": "B",
          "value": "<div>泛光扫描</div>"
        },
        {
          "key": "C",
          "value": "<div>视频贴合</div>"
        },
        {
          "key": "D",
          "value": "<div>动态立体墙</div>"
        }
      ],
      "exam_answer": [],
      "correct_answer": [
        "A",
        "B",
        "C",
        "D"
      ],
      "analysis": "<div>GIS2.0平台可视化能力增加了水面倒影、泛光扫描、视频贴合、动态立体墙等，使虚拟现实场景更贴近于真实效果</div>",
      "comment": "mh_secur_备注",
      "aiAnalysis": "GIS1.0平台的能力缺少水面倒影、泛光扫描、视频贴合、动态立体墙，我们在2.0版本上进行了升级。",
      "summary": "光影效果更好， 更立体了，更贴合了。",
      "associatedWords": []
    },
    {
      "_id": "9ea42e7b-1980-11ef-98a0-0242ac110009",
      "from_lib": "mh_secur_4",
      "exam_id": "mh_secur_4_0",
      "exam_index": 1,
      "exam_type": 2,
      "exam_title": "<div>电网GIS平台2.0图形可视化服务不包括（     ）。</div>",
      "exam_option": [
        {
          "key": "A",
          "value": "<div>轻量级图形编辑</div>"
        },
        {
          "key": "B",
          "value": "<div>坐标保密技术处理</div>"
        },
        {
          "key": "C",
          "value": "<div>可视化服务与组件、坐标保密处理、单线图展示</div>"
        },
        {
          "key": "D",
          "value": "<div>兴趣点搜索、精准定位、导航规划等能力</div>"
        }
      ],
      "exam_answer": [],
      "correct_answer": [
        "D"
      ],
      "analysis": "<div>电网GIS平台2.0图形可视化服务不包括兴趣点搜索、精准定位、导航规划等能力，该服务属于基础地图服务。</div>",
      "comment": "mh_secur_备注",
      "aiAnalysis": "您需要区分可视化服务和基础地图服务的区别，可视化服务包括：轻量图形编辑、坐标保密技术处理、可视化服务与组件、坐标保密处理及单线图展示。",
      "summary": "软件的通用服务一般在1.0版上线，后续会迭代更精细化的服务。",
      "associatedWords": []
    },
    {
      "_id": "9ea42e7b-1980-11ef-98a0-0242ac110009",
      "from_lib": "mh_secur_4",
      "exa m_id": "mh_secur_4_0",
      "exam_index": 1,
      "exam_type": 2,
      "exam_title": "<div>人脸识别通用组件已构建了()三大核心能力，支持有网络和无网络两大类场景，提供人脸检测、人脸比对、人脸搜索、活体检测等服务，支持与PMS、I6000、统一权限、人资管理等生产管理系统以及考勤、门禁等边缘终端集成，支撑各类电网经营生产场景应用。</div>",
      "exam_option": [
        {
          "key": "A",
          "value": "<div>人脸库、云端API、边缘端SDK</div>"
        },
        {
          "key": "B",
          "value": "<div>人脸库、特征提取、人脸识别接口</div>"
        },
        {
          "key": "C",
          "value": "<div>人脸识别、人员权限，人员考勤</div>"
        },
        {
          "key": "D",
          "value": "<div>人脸对比、特征提取</div>"
        }
      ],
      "exam_answer": [],
      "correct_answer": [
        "A"
      ],
      "analysis": "<div>人脸识别通用组件已构建了人脸库、云端API、边缘端SDK三大核心能力，支持有网络和无网络两大类场景，提供人脸检测、人脸比对、人脸搜索、活体检测等服务，支持与PMS、I6000、统一权限、人资管理等生产管理系统以及考勤、门禁等边缘终端集成，支撑各类电网经营生产场景应用。</div>",
      "comment": "mh_secur_备注",
      "aiAnalysis": "人脸识别技术的核心技术包括人脸检测、人脸对齐、特征提取、人脸识别模型和深度学习技术等。这些技术的实现来自于人脸识别通用组件所构建的人脸库、云端API、边缘端SDK的核心能力。",
      "summary": "“人”站在“云”上，看着河“边”的风景。",
      "associatedWords": []
    },
    {
      "_id": "9ea42e7b-1980-11ef-98a0-0242ac110009",
      "from_lib": "mh_secur_4",
      "exam_id": "mh_secur_4_0",
      "exam_index": 1,
      "exam_type": 2,
      "exam_title": "<div>(   )面向开发人员和无开发经验的模型开发人员提供的可视化模型训练和自动化模型训练服务，满足不同用户训练需求。</div>",
      "exam_option": [
        {
          "key": "A",
          "value": "<div>训练环境</div>"
        },
        {
          "key": "B",
          "value": "<div>运行环境</div>"
        },
        {
          "key": "C",
          "value": "<div>样本库</div>"
        },
        {
          "key": "D",
          "value": "<div>模型库</div>"
        }
      ],
      "exam_answer": [],
      "correct_answer": [
        "A"
      ],
      "analysis": "<div>训练环境面向开发人员和无开发经验的模型开发人员提供的可视化模型训练和自动化模型训练服务，满足不同用户训练需求。</div>",
      "comment": "mh_secur_备注",
      "aiAnalysis": "对与没有开发经验的模型开发人员，训练环境可以满足他们可视化模型和自动化模型的训练服务",
      "summary": "没有经验的小白当然要从“训练环境”做起！",
      "associatedWords": []
    },
    {
      "_id": "9ea42e7b-1980-11ef-98a0-0242ac110009",
      "from_lib": "mh_secur_4",
      "exam_id": "mh_secur_4_0",
      "exam_index": 1,
      "exam_type": 2,
      "exam_title": "<div>为了保证RPA机器人的稳定运行，设计人员在RPA设计时需要重点考虑两方面的内容，即（ ）。</div>",
      "exam_option": [
        {
          "key": "A",
          "value": "<div>数据获取、异常处理</div>"
        },
        {
          "key": "B",
          "value": "<div>数据获取、日志记录</div>"
        },
        {
          "key": "C",
          "value": "<div>异常处理、日志记录</div>"
        },
        {
          "key": "D",
          "value": "<div>需求分析、异常处理</div>"
        }
      ],
      "exam_answer": [],
      "correct_answer": [
        "C"
      ],
      "analysis": "<div>保证RPA稳定运行，需要重点关注异常处理、日志记录；数据获取是保证RPA操作结果的重点；需求分析是保证PRA操作能离的重点</div>",
      "comment": "mh_secur_备注",
      "aiAnalysis": "为保证RPA机器人的稳定运行，开发人员在RPA开发时需重点考虑两方面内容，一是减少异常情况的发生，二是发生异常时的应急响应。日志记录对记录异常情况尤为重要。",
      "summary": "稳定的反义词为“异常”，从“日志记录”中可以发现“异常”。",
      "associatedWords": []
    }
  ],
  "code": 200,
  "success": true,
  "message": "Request Success",
  "querytime": 1715594394288,
  "timeCost": 60
}
              resolve(res.data)
            },
            fail: (err) => {
              reject(err)
            }
          })
        })
      },

      answerHandle(type) {

        uni.navigateTo({
          url: '/uni_modules/sv-exam-plus/pages/exam/exam',

          success: async (res) => {
            res.eventChannel.emit('e-transmit-exams', {
              param: {
                from_lib: this.curLib,
                unit: 'unit-1'
              },
              opt: {
                lib_name: this.curLib,
                type: type
              },
              apifunc: {
                examList: this.getExamList
              }
            })
          }
        })
      }
    }
  }
</script>

<style lang="scss">
  .u-title {
    color: #fff;
  }

  .u-nav-slot {
    margin-right: 29rpx;
  }

  /* 阴影 start*/
  .health-shadow {
    border-radius: 15rpx;
    box-shadow: 0rpx 0rpx 50rpx 0rpx rgba(0, 0, 0, 0.07);
  }

  .u-header {
    display: flex;
    justify-content: space-between;
    padding: 10rpx;

    .u-header-body {
      display: flex;

    }

    .u-header-text {
      margin-right: 10rpx;
    }

    .u-header-tag {
      margin-right: 10rpx;
    }
  }

  .u-today {
    display: flex;
    justify-content: space-between;
    padding: 10rpx;

    .u-today-card {
      font-size: 20rpx;
      color: #333;
      flex: 1;

      .u-today-card-title {
        margin-bottom: 15rpx;
      }

      .u-today-card-time {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
    }
  }
</style>